<!DOCTYPE html>

<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="user-scalable=no, width=device-width"/>
        <link rel="stylesheet" href="css/jquery.mobile-1.4.4/jquery.mobile-1.4.4.min.css">
        <link rel="stylesheet" href="css/jquery.mobile-1.4.4/jquery.mobile.structure-1.4.4.min.css">
        <link rel="stylesheet" href="css/jquery.mobile-1.4.4/jquery.mobile.inline-png-1.4.4.min.css">
        <link rel="stylesheet" href="css/jquery.mobile-1.4.4/jquery.mobile.inline-svg-1.4.4.min.css">
        <link rel="stylesheet" href="css/jquery.mobile-1.4.4/jquery.mobile.external-png-1.4.4.min.css">
        <!-- Choix du thème -->
        <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
        <link rel="stylesheet" href="css/bootstrap/jquery.mobile.icons.min.css">
        <!-- JavaScript -->
        <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
        <script type="text/javascript" src="js/jquery.mobile-1.4.4.min.js"></script>
        <script type="text/javascript" src="js/datebox/jqm-datebox.core.js"></script>
        <script type="text/javascript" src="js/datebox/jqm-datebox.mode.datebox.js"></script>
        <title></title>
    </head>
    <body>
        <div data-role="page" id="notifications"  data-dom-cahe=true>
            
            <?php $prevlink='accueil.php'; $headerText = 'Liste des notifications'; include 'includes/header.php'; ?>

            <div data-role="content">
                <h2>Notifications</h2>
                    <ul data-role="listview">
                        <li>
                            <a href="#Tache1">Tache1</a>
                        </li>
                        <li>
                            <a href="#Tache2">Tache2</a>
                            
                        </li>
                        <li>
                            <a href="#Tache3">Tache3</a>
                        </li>
                    </ul>
                <div data-role="panel" id="Tache1" data-display="overlay"> 
                    <h2>Nom: Tache 1</h2>
                    <p>Type: Presentation</p>
                    <p>Date d'echeance: Mercredi 2014-11-05</p>
                    <p>Rappel: Oui</p>
                    <p>Date de rappel: Mardi 2014-11-04</p>
                    <p>Description: abcxyz</p>
                    <a href="#notifications" data-rel="close" class="ui-btn ui-btn-inline ui-shadow ui-corner-all ui-btn-b ui-icon-delete ui-btn-icon-left">Close</a>
                  
                </div> 
                  
                <div data-role="panel" id="Tache2" data-display="overlay"> 
                    <h2>Nom: Tache 2</h2>
                    <p>Type: Autre</p>
                    <p>Date d'echeance: Jeudi 2014-11-06</p>
                    <p>Rappel: Non</p>
                    <p>Description: nullllll</p>
                    <a href="#notifications" data-rel="close" class="ui-btn ui-btn-inline ui-shadow ui-corner-all ui-btn-b ui-icon-delete ui-btn-icon-left">Close</a>
                  
                </div>
                
                <div data-role="panel" id="Tache3" data-display="overlay"> 
                    <h2>Nom: Tache 3</h2>
                    <p>Type: Rapport</p>
                    <p>Date d'echeance: Mercredi 2014-11-05</p>
                    <p>Rappel: Oui</p>
                    <p>Date de rappel: Mardi 2014-11-04</p>
                    <p>Description: nononono thingthingthing</p>
                    <a href="#notifications" data-rel="close" class="ui-btn ui-btn-inline ui-shadow ui-corner-all ui-btn-b ui-icon-delete ui-btn-icon-left">Close</a>
                  
                </div>
            </div>

            <?php include 'includes/footer.php'; ?>
        </div>

    </body>
</html>

